<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<HEAD>
<META HTTP-EQUIV="Content-Script-Type" CONTENT="text/javascript">
<META HTTP-EQUIV="Content-Style-Type"  CONTENT="text/css">
<TITLE>知恵袋 q11114514911</TITLE>
<base href="http://kiyoto777.web.fc2.com/">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script type="text/javascript" src="http://kiyoto777.web.fc2.com/test/dateformat.js"></script>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script TYPE="text/javascript">
google.load("feeds", "1");
$(document).ready(function() {
google.setOnLoadCallback(initialize);
});
// 関連コード http://code.google.com/p/my-project-newblue/source/browse/trunk/rssx.html

var FA = new Array(                             //配列です。ここに、取得したいRSSフィードを加えるだけです
"http://rssblog.ameba.jp/new-blue-777/rss.html",//フィードURL
"http://rssblog.ameba.jp/new-bulue/rss.html"    //フィードURL
);
function initialize() {
  var feedsArr  = new Array();
  var numEntr   = 3; //各サイトのフィードを読み込む数
  var container = document.getElementById("feed");
  var cnt       = FA.length;

  for (var k=0; k<FA.length; k++) {
    var feed    = new google.feeds.Feed(FA[k]);
    feed.setNumEntries(numEntr);
    feed.setResultFormat(google.feeds.Feed.JSON_FORMAT); //JSONフォーマットに整形
    feed.load(function(result) {
     if (!result.error) {
       for (var i = 0; i < result.feed.entries.length; i++) {
         var entry     = result.feed.entries[i];
         var eimg = "";
         var imgCheck  = entry.content.match(/(http:){1}[\S_-]+((\.png)|(\.jpg)|(\.JPG)|(\.gif))/); //データを取得する拡張子を指定
         if(imgCheck){
           eimg       += imgCheck[0]; //配列の1番目に格納されたデータを取得（つまり、1枚目の画像を取得）
         }else{
           eimg       += 'http://×××××××'; //画像が取得できなかった場合の代替画像のURLを指定
         }
         var attributes   = ["title", "link", "publishedDate", "contentSnippet"];
         var ind          = feedsArr.length;
         feedsArr[ind]    = new Array();
         feedsArr[ind][0] = Date.parse(entry[attributes[2]]); // 日付でソート（並び替え）
         feedsArr[ind][1] = entry[attributes[1]];             // link
         feedsArr[ind][2] = entry[attributes[2]];             // publishedDate
         feedsArr[ind][4] = entry[attributes[0]];             // title
         feedsArr[ind][5] = result.feed.title;                // site title
         feedsArr[ind][6] = eimg;                             // thumbnail
       }
     }
     cnt--;
     if (cnt == 0) {
       feedsArr.sort();
       feedsArr.reverse();
       var dateFormat = new DateFormat("yyyy年MM月dd日");         // ★ publishedDate Format     (dateformat.js use)
       var dateStr;                                               // ★ publishedDate Format Area(dateformat.js use)
       for (var j = 0; j < feedsArr.length; j++) {
         var aE      = document.createElement("A");               // a    タグ create title link
         var h3      = document.createElement("H3");              // h3   タグ create title link(aタグの親)
         var p       = document.createElement("P");               // p    タグ create
         var spanD   = document.createElement("SPAN");            // span タグ create
         aE.href     = aE.title=feedsArr[j][1];                   // href
         aE.target   = '_blank';                                  // ★ taget="_blank"
         aE.appendChild(document.createTextNode(feedsArr[j][4])); // title
         h3.appendChild(aE);                                      // h3 hitle
         var dateStr = dateFormat.format(new Date(feedsArr[j][2]));           // ★ publishedDate変換(dateformat.js use)
         spanD.appendChild(document.createTextNode(dateStr));                 // ★ span publishedDate
         spanD.appendChild(document.createTextNode(" ("+feedsArr[j][5]+")")); // span site title
         p.appendChild(document.createTextNode(feedsArr[j][3]));              // ?????
         p.appendChild(spanD);                                                // ?????
         container.appendChild(h3);                                           // h3 タグを出力
         container.appendChild(p);                                            // p  タグを出力
         var img_link = document.createElement("img");                        // img create
         img_link.setAttribute("src", feedsArr[j][6] );                       // img src
         img_link.setAttribute("width", "70" );                               // 幅：width属性に80pxを指定
         container.appendChild(img_link);                                     // img（画像）タグを出力
       }
     }
   });
  }
}
</script>
<style type="text/css">
body{
background-color:#000000;
color:#ffffff;
}
</style>
</HEAD>
<BODY>
<div id="container">
<div id="header"></div>
<div id="feed">
</div>
</div>

</BODY>
</HTML>